// 学员管理数据请求
function manageStudent() {
    // 加载班级列表
    teamList();

    // 添加新增按钮点击事件
    addBtnAction();

    //添加搜索按钮点击事件
    queryBtnAction(pageClickAction);


    //默认加载第一页数据
    pageClickAction();

    // ajax 请求数据
    function pageClickAction() {
        var data = {
        };
        data.token = sessionStorage.token;
        data.page = curPage;
        if ($('#name').val()) data.name = $('#name').val();
        if ($('#team_id').val()) data.team_id = $('#team_id').val();
        if ($('#tel').val()) data.tel = $('#tel').val();
        if ($('#state').val()) data.state = $('#state').val();
        $.ajax({
            url: http_url + 'Student/index',
            type: 'POST',
            data: data,
            success: function (response) {
                if (response.code == 0) {
                    // 移除原有的tr
                    $('tbody').find('tr').remove();
                    showStudent(response,pageClickAction);
                }
            }
        });
    }

}

function showStudent(response,pageClickAction) {

    // 创建分页器
    createPagiantion(response,pageClickAction);

    // 展示数据
    var list = response.data.data;
    // list.reverse();

    console.log(list);
    // 遍历显示数据
    list.forEach(function (list,index) {

        var tr = $('<tr/>').prop('tid',list.id);
        var td_id = $('<td/>').html((curPage - 1) * 10 + index +1);
        var td_name = $('<td/>').html(list.name);
        var td_number = $('<td/>').html(list.team );
        var td_tel = $('<td/>').html(list.tel);

        // 根据状态显示不同的项目
        if (list.state == 1){
            var td_state = $('<td/>').append($('<span/>').addClass("red_dot").html('禁用'));
            var td_action = $('<td/>').append($('<a/>').prop('href', '#').html('课程设置 '))
                .append($('<a/>').prop('href', '#').html('编辑 ').addClass('edit'))
                .append($('<a/>').prop('href', '#').html('启用 ').addClass('state'))
                .append($('<a/>').prop('href', '#').html('重置密码'));
        }else {
            var td_state = $('<td/>').append($('<span/>').html('未禁用').addClass("blue_dot"));
            var td_action = $('<td/>').append($('<a/>').prop('href', '#').html('课程设置 '))
                .append($('<a/>').prop('href', '#').html('编辑 ').addClass('edit'))
                .append($('<a/>').prop('href', '#').html('禁用 ').addClass('state'))
                .append($('<a/>').prop('href', '#').html('重置密码'));
        }
        // var td_state = $('<td/>').html(list.state);
        var td_situation = $('<td/>').html(list.situation);
        var td_address = $('<td/>').html(list.address);
        var td_course = $('<td>').html(list.course);
        tr.append(td_id).append(td_name).append(td_number).append(td_tel).append(td_state).append(td_situation).append(td_address).append(td_course).append(td_action);
        $('table').append(tr);
    });

    // 启用禁用的URL地址
    var http_url_state = http_url + 'Student/state?token=' + sessionStorage.token + '&id=';

    // 启用禁用操作， 给 class = 'state' 的 a 标签添加点击事件
    stateDelete($('.state'), http_url_state, manageStudent);

    // 编辑添加点击事件
    editBtnStudent();

}

function editBtnStudent() {
    $('.edit').click(function () {
        var id = $(this).parents('tr').prop('tid');
        console.log(id);
        $.ajax({
            url: http_url + 'Student/student_details?token=' + sessionStorage.token + '&id=' + id,
            type: 'GET',
            success: function (response) {
                console.log(response);
                showStudentInput(response);
            }
        });
        $('#content_wrap').load('addStudent_wy.html', function () {
            editStudent();
        });
    });


// 编辑学员确定按钮点击事件
    function editStudent() {
        teamList();
        teacherList();

        // 三级联动地址
        // $("#distpicker").distpicker();
        console.log('正在添加新学员');
        $('#img').change(function (e) {
            var file = e.target.files[0];

            var reader = new FileReader();

            //   图片类型
            imgType = file.type;

            reader.readAsDataURL(file);

            reader.onload = function (e) {
                imgBase64 = e.target.result;
                $('#read').prop('src', imgBase64);
            };
        });
        $('#save').click(function () {

            var data = {
                token: sessionStorage.token,
                    id: $('#tel').prop('stuID'),
                    name: $('#name').val(),
                    tel:$('#tel').val(),
                    sex: $('#sex').val(),
                    age: $('#age').val(),
                    team_id: $('#team_id').val(),
                    coach_teacher_id: $('#coach_teacher_id').val(),
                    situation: $('#situation').val(),
                    province: $('#province').val(),
                    city: $('#city').val(),
                    county: $('#district').val(),
                    specific_address: $('#specific_address').val(),
            };

            // 学员姓名不能为空
            if ( !$('#name').val()) return alert('请输入学员姓名');
            if ( !$('#tel').val()) return alert('请输入手机号');
            if ( !$('#sex').val()) return alert('请输入性别');
            if ( !$('#age').val()) return alert('请输入年龄');
            if ( !$('#team_id').val()) return alert('请选择班级');
            if ( !$('#coach_teacher_id').val()) return alert('请选择辅导老师');
            if ( !$('#situation').val()) return alert('请输入基本情况');
            if ( !$('#province').val()&& !$('#city').val()&&!('#district').val()) return alert('请选择地址');
            if ( !$('#specific_address').val()) return alert('请输入详细地址');
            var imgInfo = $('#img')[0].files;
            if (imgInfo.length != 0) {

                var typeArr = ['image/jpg', 'image/gif', 'image/png', 'image/jpeg'];

                var type = imgInfo[0].type;
                if ($.inArray(type, typeArr) != -1) {
                    //创建一个文件读取对象
                    var reader = new FileReader();

                    // FileReader的readAsDataURL方法可以将读取到的文件编码为Data URL
                    reader.readAsDataURL(imgInfo[0]);

                    // 文件读取完毕事件
                    reader.onload = function (e) {
                        console.log(e);
                        // target 属性就用于返回最初触发事件的DOM元素
                        var base64 = e.target.result;

                        // 如果选择了图片，并且图片格式正确，就上传图片
                        data.img = base64;
                        upload(data);
                    };
                }else{
                    alert('请选择正确的图片，图片格式正确');
                }
            } else {
                upload(data);
            }

            // 编辑保存 数据请求
            function upload(data) {

                $.ajax({
                    url: http_url + 'Student/edit',
                    type: 'POST',
                    data: data,
                    success: function (response) {
                        console.log(response);
                        if (response.code == 0) {
                            alert('添加成功');
                        }
                    }
                });


            }

        });

    }

    // 展示数据到编辑页面
    function showStudentInput(response) {
        var info = response.data;

        // 销毁dispicker插件实例
        // $("#distpicker").distpicker('destroy');

        $('#name').val(info.name);
        $('#tel').val(info.tel).prop('stuID',info.id);
        $('#sex').val(info.sex);
        $('#age').val(info.age);
        $('#team_id').val(info.team_id);
        $('#coach_teacher_id').val(info.coach_teacher_id);
        $('#situation').val(info.situation);
        $('#specific_address').val(info.specific_address);
        console.log(info.province);

        // 将返回值设置为输入框的默认值
        $("#distpicker").distpicker({
            province: info.province,
            city: info.city,
            district: info.county,
            autoSelect: true,
            placeholder: false
        });

        // 以下方式也可以完成
        // $('#province').attr('data-province',info.province);
        // $('#city').attr('data-city',info.city);
        // $('#district').attr('data-district',info.conuty);
        $('#read').prop('src',http_url_src + info.img);
    }
}


